@import './_variable.scss';

* { box-sizing: border-box; }
body { font-size: 16px; letter-spacing: .034em; color: #333; font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif; }
body, h1, h2, h3, h4, h5, p, ul, ol, dl, dd, fieldset, textarea {
  margin: 0;
}
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
h2, .h2 { font-size: 22px; }
a { color: $theme; text-decoration: none; }
img {max-width: 100%; vertical-align: middle; }

.theme-color { color: $theme; }
.gray-color { color: $gray; }
.gray8-color { color: $gray8; }
.yellow-color { color: $yellow; }
.wechat-color { color: $wechat; }
.blue-color { color: $blue; }
.pink-color { color: $pink; }

.clearfix::before,
.clearfix::after { content: ""; display: table; }
.clearfix::after { clear: both; }
.pull-left { float: left; }
.pull-right { float: right; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.wechat_btn {
  width: 100%; padding: 10px 0; text-align: center; border-radius: 5px; background-color: $wechat; color: #fff; font-size: 16px; border: none; outline: 0;
}

.page__hd { padding: 40px; }
.page__title { font-size: 20px; font-weight: 400; }
.page__desc { margin-top: 5px; color: #888; font-size: 14px; }
button.submit-btn, a.submit-btn { width: 90%; margin: 20px auto 0; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ellipsis-2 { display: -webkit-box; overflow: hidden; white-space: normal!important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.mb20 { margin-bottom: 20px; }

.m-alert {
  width: 90%; margin: 10px auto 0; font-size: 12px; padding: 8px 16px; border-radius: 4px;
}
.m-alert--warning {
  color: #e6a23c; background-color: #fdf6ec;
}
.m-alert--error {
  color: #f56c6c; background-color: #fef0f0;
}
